<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="部门管理" name="DepMana"><DepMana></DepMana></el-tab-pane>
      <el-tab-pane label="职位管理" name="PosMana"><PosMana></PosMana></el-tab-pane>
      <el-tab-pane label="职称管理" name="JoblebelMana"><JoblebelMana></JoblebelMana></el-tab-pane>
      <el-tab-pane label="奖励规则" name="EcMana"><EcMana></EcMana></el-tab-pane>
      <el-tab-pane label="权限组" name="PermissMana"><PermissMana></PermissMana></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import DepMana from "../../components/sys/basic/DepMana";
import EcMana from "../../components/sys/basic/EcMana";
import JoblebelMana from "../../components/sys/basic/JoblebelMana";
import PosMana from "../../components/sys/basic/PosMana";
import PermissMana from "../../components/sys/basic/PermissMana";

export default {
  name: "SysBasic",
  data(){
    return{
      activeName:"DepMana"
    }
  },
  methods:{
    handleClick(){

    }
  },
  components:{
    DepMana,
    EcMana,
    JoblebelMana,
    PosMana,
    PermissMana
  }
}
</script>

<style>
.SysBasicAddInput {
  width: 400px;
  margin-right: 10px;
}

.SysBasicManaMain {
  margin-top: 10px;
}

.SysBasicUpdateInput {
  width: 200px;
  margin-left: 8px;
}
</style>